<template>
  <div>
    <router-view></router-view>
   <div class="player">
 <div @click="drawer = true" type="primary" style="margin-left: 16px;">
  <img src="../../src/assets/image/音乐 (6).png" alt="">  
</div>

<el-drawer
  title="我是标题"
  :visible.sync="drawer"
  direction='btt'
  size='7.7%'
  :with-header="false">
  
      <!-- autoplay 自动播放 -->
      <audio :src="musicUrl" controls autoplay></audio>
    
</el-drawer></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      musicUrl:"",
        drawer: false,
    };
  },
  methods:{
       
  }
};
</script>

<style scoped>
.player  {
    background-color: linear-gradient(#545c64, #ffc0cb);;
    position: sticky;
    bottom: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 999999999;
}
.player audio{
    background-color: linear-gradient(#545c64, #ffc0cb);
    width: 100%;
}

</style>